﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AddFoto_Servico.aspx.cs" Inherits="NewTierra.Pages.Servicos.AddFoto_Servico" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

      <link href="../../Styles/jquery-ui.css" rel="stylesheet" />    
      <script type="text/javascript" src="../../Scripts/jquery-1.11.0.js"></script>
      <script type="text/javascript" src="../../Scripts/jquery-ui-1.10.0.js"></script>
    
      <script src="../../Scripts/jquery.MultiFile.js" type="text/javascript"></script>
      <script src="../../Scripts/jquery.lightbox-0.5.js" type="text/javascript"></script>
      <link href="../../Styles/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
      <link href="../../Styles/Site.css" rel="stylesheet" type="text/css" />
      <link href="../../Styles/EstiloGeral.css" rel="stylesheet" type="text/css" />

    <style type="text/css">
        body   
        {
            background: #ffffff;
            font-size: .80em;
            font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
            margin: 0px;
            padding: 0px;
            color: #696969;
            width: 751px;
            height: 362px;
            padding: 10px;
        }
        #EnviarVerFotos
        {
            height: 347px;
            padding: 10px;
            width: 725px;
            border:1px solid #DBDBDB;
            border-radius:6px;
            -moz-border-radius:6px;
	        webkit-border-radius:6px;
	        background-color:#FFF;
        }
        #EnviarVerFotos .Upload
        {
            height: 340px;
            width: 385px;
            float: left;
        }
        #EnviarVerFotos .DataListFotos
        {
            width: 291px;
            float: left;
           height: 339px;
       }
        #scroll {
            width:281px;
            height:337px;
            overflow:auto;
            margin-top: 0px;
        }
        
        #formulario
        {
            width: 751px;
        }
        
    </style>
</head>
<body>

     <script type="text/javascript">

         $(document).ready(function () {
             $('#gallery a').lightBox();
         });

      </script>

    <form id="formulario" runat="server">
   
              <div id="EnviarVerFotos">
                <div class="Upload">
                <br />
                    <asp:Label ID="lblServicoNomeFotosTXT" runat="server" Text="Serviço:"></asp:Label>
                    &nbsp;<asp:Label ID="lblServicoNomeEnviarVerFotos" runat="server"></asp:Label>
                <br />
                <br />
                <asp:FileUpload ID="FileUpload1" runat="server" class="multi" /> 
                <br />
                <asp:Button ID="btnUpload" runat="server" class="btnsGeral" Text="Enviar" onclick="UploadFotoServico" />
                <br />
                <asp:Label ID="lblMsgEnviarFotos" runat="server" Font-Bold="True" ForeColor="#CC0000" Font-Size="Small"></asp:Label>
                <br />
             </div>

             <div class="DataListFotos">
                  <div class="popular-foto-container">
                  <div id="scroll">
                  <div id="gallery">
                    <asp:DataList ID="DataListFotos" runat="server" Width="16px" RepeatDirection="Horizontal" RepeatColumns="3" 
                     CellPadding="0"
                     Height="16px">
                     <ItemTemplate>
                      <div class="popular-foto-col">
                                <div class="popular-foto-img-border">
                                     <a href='<%# String.Format("/NewTierra/Galeria/Servicos/{0}/{1}", DataBinder.Eval(Container.DataItem,"Servicos_Id"), DataBinder.Eval(Container.DataItem, "Serv_img_nome"))%>'><asp:Image ID="Image2" runat="server" Height="70px" Width="70px"  ImageUrl='<%# String.Format("/NewTierra/Galeria/Servicos/{0}/{1}", DataBinder.Eval(Container.DataItem,"Servicos_Id"), DataBinder.Eval(Container.DataItem, "Serv_img_nome"))%>'/></a>
                                    <br />
                                 </div>
                        </div>
                         &nbsp;&nbsp;<asp:ImageButton ID="ImageButton2" runat="server" CommandArgument='<%# DataBinder.Eval(Container.DataItem,"Serv_img_id") %>' ImageUrl="~/images/Icones/icone_excluir.png" oncommand="ExcluirFoto" ToolTip="Excluir Foto" />
                         <asp:ImageButton ID="ImageButton1" runat="server" CommandArgument='<%# DataBinder.Eval(Container.DataItem,"Serv_img_id") %>' ImageUrl="~/images/Icones/camera.png" oncommand="CapaFoto" ToolTip="Colocar foto como imagem principal." />

                     </ItemTemplate>

                 </asp:DataList>
                </div>
                  </div>
             </div>
     </div>

    </div>
    

    </form>
</body>
</html>
